<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="../../../../lib/include.js"></script>

    <style>
        .layui-layer.layui-anim.layui-layer-page  {
            width: 550px!important;
        }
        #select .col-sm-3.control-label {
            margin-top: 10px;
        }
        #select .col-sm-9 {
            margin-top: 10px;
        }
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content" id="app" v-cloak >
    <div class="" style="margin-top: 20px;margin-bottom: 100px">
        <div style="clear: both">
<!--            <div style="text-align: center;margin-bottom: 5px">{{info.reserveTime}}</div>-->
            <span class="badge" style="float: left;font-size: 16px;margin-left: 2%">预约</span>
            <div class="alert alert-success" role="alert" style="width: 80%;float: left;margin-left: 3.5%;color: black;font-size: 16px">
                产品：{{info.productName}}<br/>
                客户：{{info.memberName}}<br/>
                客户电话：{{info.memberPhone}}<br/>
                预约时间：{{info.reserveTime}}
                <div id="imgBox">
                </div>
            </div>
        </div>

        <div style="clear: both" v-for="(item,index) in conversation">
            <div style="text-align: center;margin-bottom: 5px">{{item.createTime | formatDate}}</div>
            <span class="badge" style="float: left;font-size: 16px;margin-left: 2%" v-if="item.bId==info.memberId && item.type==3">回访记录</span>
            <span class="badge" style="float: left;font-size: 16px;margin-left: 2%" v-if="item.bId==info.memberId && item.type==5">电话回访</span>
            <span class="badge" style="float: right;font-size: 16px;margin-right: 2%" v-if="item.bId!=info.memberId">客户回复</span>
            <div class="alert alert-info" role="alert" style="width: 80%;float: left;margin-left: 3.5%" v-if="item.bId==info.memberId">
                {{item.content}}
            </div>
            <div class="alert alert-warning" role="alert" style="width: 80%;float: right;margin-right: 3.5%" v-if="item.bId!=info.memberId">
                {{item.content}}
            </div>
        </div>
    </div>

    <div class="col-sm-12" style="position: fixed;bottom: 5px;left: 0;">
        <div class="col-sm-2" style="padding: 0">
            <a href="javascript:void(0);" @click="send" class="form-control btn btn-default"
               style="width: 100%;background-color: #0d8ddb;color: white">添加回访记录</a>
        </div>
    </div>

    <div class="ibox float-e-margins" id="select" style="display: none">
        <div class="form-group">
            <label class="col-sm-3 control-label">内容</label>
            <div class="col-sm-9">
                <textarea class="form-control" id="content" name="content" rows="3">
                </textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">选择类型</label>
            <div class="col-sm-9">
                <select class="form-control" id="type" name="type">
                    <option value="">---选择类型---</option>
                    <option value="3">回访记录</option>
                    <option value="5">电话回访</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">下次回访时间</label>
            <div class="col-sm-9">
                <input class="form-control" name="trackTime" id="trackTime"
                       onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})"
                       placeholder="请选择下次回访时间" style="cursor: pointer">
            </div>
        </div>
        <div class="form-group" style="text-align: center;padding-top: 10px;clear: both">
            <a href="javascript:layer.closeAll();" class="btn btn-default" >关 闭</a>
            <button type="submit" class="btn btn-primary" @click="sendMsg()">发 送</button>
        </div>
    </div>

</div>
<script src="../../../../js/content-manage/member/visit/record.js"></script>
<script src="../../../../../../public-tools/pc/plugins/My97DatePicker/WdatePicker.js"></script>
</body>
</html>
